<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content" id="cntContenidoListadoEmpleados">
        <h:outputText value="Listado de Empleados" styleClass="tituloPrincipal"/>
        <h:form>
            <h:commandButton value="Crear" action="#{empleadoAction.nuevo()}" id="cmdCrear"/>
            <h:commandButton value="Actualizar" action="#{listaEmpleadoAction.actualizar()}" id="cmdActualizar"/>
        </h:form>
        <p:messages id="messageslistaEmpleado" showDetail="true" autoUpdate="true" closable="true" > 
                    <p:effect type="fade" event="load" delay="3000" />
                </p:messages>
        <h:form id="frmFormulario">

            <p:dataTable value="#{listaEmpleadoAction.listaEmpleados}" var="_empleado" id="dtgDatos">
                <f:facet name="header">  
                    Empleados
                </f:facet>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Acciones"/>
                    </f:facet>
                    <h:commandLink action="#{empleadoAction.eliminar(_empleado)}">
                        <h:outputText value="Eliminar"/>
                    </h:commandLink>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Id/Editar"/>
                    </f:facet>
                    <h:commandLink action="#{empleadoAction.editar(_empleado)}">
                        <h:outputText value="#{_empleado.idPersona}"/>
                    </h:commandLink>
                </p:column>
                <p:column id="colCedula">
                    <f:facet name="header">
                        <h:outputText value="Cedula"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.cedulaRuc}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Nombres"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.nombres}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Apellidos"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.apellidos}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Telefono"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.telefono}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Email"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.email}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Fecha Nacimiento"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.fechaNacimiento}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Fecha Ingreso"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.fechaIngreso}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Usuario"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.usuario.nombre}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Cargo"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.cargo.nombre}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Sueldo"/>
                    </f:facet>
                    <h:outputText value="#{_empleado.cargo.sueldo}"/>
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Objetivos"/>
                    </f:facet>
                    <p:commandLink action="#{objetivoAction.AgregarObjetivos(_empleado)}" ajax="false">
                        <h:outputText value="Agregar"/>
                    </p:commandLink>


                    <br/>
                    <p:commandLink action="#{listaObjetivosAction.CargarLista(_empleado)}" oncomplete="dlg1.show();" update=":frmFormulario:dlgDialogo">
                        <h:outputText value="Ver"/>
                    </p:commandLink>

                </p:column>

            </p:dataTable>

            <p:dialog header="Listado de Objetivos" widgetVar="dlg1" id="dlgDialogo">  
                <h:form>

                    <p:dataTable value="#{listaObjetivosAction.listaObjetivos}" var="_objetivo" id="tblDialogoObjetivos">
                        <f:facet name="header">  
                            Objetivos para este Empleado
                        </f:facet>
                       
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Id"/>
                            </f:facet>

                            <h:outputText value="#{_objetivo.idObjetivo}"/>

                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Fecha Inicio"/>
                            </f:facet>
                            <h:outputText value="#{_objetivo.fechaInicio}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Fecha Fin"/>
                            </f:facet>
                            <h:outputText value="#{_objetivo.fechaFinal}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Monto"/>
                            </f:facet>
                            <h:outputText value="#{_objetivo.monto}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="MontoActual"/>
                            </f:facet>
                            <h:outputText value="#{_objetivo.montoActual}"/>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Estado"/>
                            </f:facet>
                            <h:outputText value="#{_objetivo.estado}"/>
                        </p:column>
                    </p:dataTable>

                </h:form>
            </p:dialog> 

        </h:form>
          
    </ui:define>
</ui:composition>


